<template>
	<view class="page" style="background-color:white;">

		<!-- <u-navbar :placeholder="true" bgColor="#ffffff">
			<view slot="left">
				
					<uni-icons type="back" size="30" @click="navback"></uni-icons>
				
			</view>
			<view class="u-nav-slot topsearch" slot="left">
				<u-search placeholder="搜索你想要的功能" v-model="keyword" :animation="false" :showAction="false"
					@input="autoSearch()" :clearabled="false" :customActionStyle="customActionStyle" />
			</view>
			
		</u-navbar>
 -->

		<view class="tab">
			<scroll-view :scroll-x="true" class="scroll-X" :scroll-into-view="scrollTabId" :show-scrollbar='false'
				:scroll-with-animation="true">
				<view class="tab-item" v-for="(item,index) in tabList" :key="index"
					:class="{'tab-item-select':index==selectIndex}" :id="'tabId'+index" @click="changeTab(item,index)">
					<text>{{item.title}}</text>
					<view class="tab-item-line" v-if="index==selectIndex"></view>
				</view>
			</scroll-view>
		</view>
		<!-- <view style="background-color: aquamarine; z-index: 11111;"  @click="goSearch()">
		<u-search placeholder="日照香炉生紫烟" v-model="keyword" />
	</view> -->
		<view class="context" v-if="!isSearching">
			<swiper class="swiper" :current="selectIndex" @change="changeSwiper">
				<swiper-item v-for="(item,index) in tabList" :key="index">
					<scroll-view scroll-y="true" class="scroll-Y-chunk" :show-scrollbar='false'>
						<view class="context-box-item">
							<view class="context-box-item-chunk" v-for="(item,indexs) in item.list" :key="indexs"
								@click="goPage(item,indexs)">

								<!-- 									<view class="context-box-item-chunk-image-shadow" style="height: 100%;width: 100%;"> -->
								<image style="width:100%; height:100%" :src="item.image" mode="widthFix"></image>
								<!-- </view> -->

								<view class="context-box-item-chunk-title">{{item.titles}}</view>
								<view class="context-box-item-chunk-text">{{item.content}}</view>
								<view class="context-box-item-chunk-footer">
									<view class="cen-s">
										咨询
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>
		<view class="context" v-else>
			<swiper class="swiper" :current="selectIndex" @change="changeSwiper">
				<!-- initial data list -->
				<swiper-item v-for="(item,index) in tabList" :key="index">
					<scroll-view scroll-y="true" class="scroll-Y-chunk" :show-scrollbar='false'>
						<swiper-slide>
							<view class="context-box-item">
								<view class="context-box-item-chunk" v-for="(item, indexs) in filteredList1"
									:key="indexs" @click="goPage(item, indexs)">

									<image style="width:100%; height:100%" :src="item.image" mode="widthFix"></image>

									<view class="context-box-item-chunk-title">{{item.titles}}</view>
									<view class="context-box-item-chunk-text">{{item.content}}</view>
									<view class="context-box-item-chunk-footer">
										<view class="cen-s">
											咨询
										</view>
									</view>
								</view>
							</view>
						</swiper-slide>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>
		<!-- 弹窗页面 -->
		<u-popup :show="statementShows" @click.stop="" mode="center" @close="close" :closeable="false"
			:closeOnClickOverlay="false" round="14">
			<view class="statementbox">
				<view class="statement">
					<image src="../../static/home/nosay.png" mode=""></image>
				</view>
				<view class="statemens">
					<image src="../../static/home/jyla.jpg" mode=""></image>
				</view>
				<view class="statementtext">
					你的账号存在违规,请联系客服解封
					如以解封，请删除重进，有五分钟缓冲时间
				</view>
				<view class="surebtnstyle">
					<view class="surebtn" @click="close">
						联系客服
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	import {
		apiMixUrlApi
	} from "../../api/assemb";
	export default {
		data() {
			return {
				statusBarHeight: 20,
				/* 状态栏高度 */
				top: 0,
				navBarHeight: 45,
				/* 导航栏高度 */
				statementShows: false,
				searchBarTop: 0, //搜索栏的外边框高度，单位px
				searchBarHeight: 0, //搜索栏的高度，单位p
				keyword: '',
				selectIndex: 1,
				scrollTabId: 'tabId0',
				message: 'aa',
				// 自定义右侧控件样式
				customActionStyle: {
					background: '#F2F2F2',
					color: '#919191',
					fontSize: '27rpx'
				},
				tabList: [{
						title: '全部',
						type: 0,
						list: []
					},
					{
						title: '工作助理',
						type: 1,
						list: []
					},
					{
						title: '娱乐助理',
						type: 2,
						list: []
					},
					{
						title: '学习助理',
						type: 3,
						list: []
					},
				],
				aList: [], // 展示的数据
				filteredList1: [], // 新增
				isSearching: false,
				contextList: [

					// {
					// 	case: 0,
					// 	type: 1,
					// 	image: '../../static/create/0.png',
					// 	titles: '医疗顾问',
					// 	title: '腹部胀痛的原因有哪些',
					// 	content: '您可以向我咨询任何医疗相关的问题',
					// 	contents: '腹部胀痛是一种常见的症状，可能由多种原因引起。以下是一些可能的原因1.消化系统问题:消化系统问题是腹部胀痛的常见原因之一。例如，消化不良、胃酸倒流、食物过敏、腹胀或胃肠道感染等都可能导致腹部胀痛。2.肠道问题:肠道问题如肠道气体积聚、肠道梗阻、肠痉挛或肠炎等也可能引起腹部胀痛。3.肝胆系统问题:肝胆系统问题如胆囊炎、胆结石或肝炎等，有时也会导致腹部胀痛',
					// 	url: 'http://192.168.3.90:8080/#/'
					// },
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/2.png',
						titles: '生活顾问',
						title: '发芽的土豆可以吃吗',
						content: '可以生成各种风格类型的小说',
						contents: '土豆发芽了，通常情况下是能吃的。只要未发现龙葵素就说明发芽的土豆是安全可以食用的，但发芽的土豆中龙葵素的含量会比平常多出两倍，而且龙葵素是一种有毒物质，会刺激胃肠道，吃了发芽的土豆后可能会出现呼吸困难、休克甚至会导致死亡的情况，因此土豆发芽了是否还能吃也需根据具体情况进行判断。',
						url: 'http://192.168.3.90:8080/#/'
					},
					{
						type: 3,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/3.png',
						titles: '学习顾问',
						title: '帮我出一道三年级阅读理解的语文题，先不要给出答案，等我需要的时候再回复答案',
						content: '为中小学生题目提供优秀范文，帮助你学习',
						contents: '当然可以，以下是一篇三年级阅读理解的文章：文章标题：小蚂蚁搬家，一只小蚂蚁在森林里走失了，它非常害怕，不知道该往哪里去。小蚂蚁爬到了高高的草堆上，它看到远处的家已经不在了，心里非常难过。\n\n小蚂蚁决定回家，它沿着原路返回，一路上它看到了很多有趣的东西。它看到了一只大鸟在吃虫子，它想：“我要是能变成一只大鸟该多好啊！”它又看到了一只小虫在吃树叶，它想：“我要是能变成一只小虫该多好啊！”\n\n小蚂蚁终于回到了家，它发现家里已经没有了原来的样子，它的家已经被搬到了草堆上。小蚂蚁非常开心，因为它可以和新家一起生活了。\n\n问题：小蚂蚁为什么搬家？它新家在哪里？小蚂蚁的心情是怎样的？',
						url: 'http://192.168.3.90:8080/#/'
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/4.png',
						titles: '面试官',
						// title: '',
						content: '您好,我是面试官,您可以模拟与我面试的场景',
						contents: '你好！作为面试官，很高兴与您进行面试。首先，鉴于您应聘的是Java开发工程师职位，请问您在Java开发方面的经验是怎样的？',
						url: 'http://192.168.3.90:8080/#/',
						title: '我想让你担任java开发工程师面试官。我将成为候选人，您将向我询问开发工程师职位的面试问题。我希望你只作为面试官回答。不要一次写出所有的问题。我希望你只对我进行采访。问我问题，等待我的回答。不要写解释。像面试官一样一个一个问我，等我回答。我的第一句话是"面试官你好"'
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/5.png',
						titles: '营销策划',
						title: '智能科技新出的一款产品,怎么做营销策划',
						content: '提出您想要的方案，帮您写策划',
						contents: '针对智能科技新产品的营销策划，可以考虑以下方面：1.目标市场细分：对于人工智能产品，首先要确定目标市场及其细分。了解目标市场的特点、需求和行为习惯，以便制定更有针对性的营销策略。2.产品定位：根据目标市场的需求，确定产品的定位和心竞争优势。可以突出产品的智能性、创新性、便利性、高效性、个性化等特点。3.品牌传播：打造一个有吸引力的品牌形象和故事，并通过多种渠道传播。可以利用宣传资料、网站、社交媒体、新闻稿、广告等方式，将品牌形象传达给目标客户。4.互联网营销：通过互联网渠道进行营销推广，包括搜索引擎优化（SEO）、内容营销、社交媒体推广、线上广告等。依据目标市场特点选择最适合的渠道和手段，增加产品的曝光度和用户的关注度。',
						url: 'http://192.168.3.90:8080/#/',
						// title: '智能科技新出一款人工智能相关产品，怎么给新产品做营销策划 ?',
					},
					// {
					// 	type: 1,
					// 	image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/5.png',
					// 	titles: '面试官',
					// 	title: '智能科技新出一款人工智能相关产品，怎么给新产品做营销策划 ?',
					// 	content: '新出一款人工智能产品，怎么做营销策划 ?',
					// 	contents: '针对智能科技新产品的营销策划，可以考虑以下方面：1.目标市场细分：对于人工智能产品，首先要确定目标市场及其细分。了解目标市场的特点、需求和行为习惯，以便制定更有针对性的营销策略。2.产品定位：根据目标市场的需求，确定产品的定位和心竞争优势。可以突出产品的智能性、创新性、便利性、高效性、个性化等特点。3.品牌传播：打造一个有吸引力的品牌形象和故事，并通过多种渠道传播。可以利用宣传资料、网站、社交媒体、新闻稿、广告等方式，将品牌形象传达给目标客户。4.互联网营销：通过互联网渠道进行营销推广，包括搜索引擎优化（SEO）、内容营销、社交媒体推广、线上广告等。依据目标市场特点选择最适合的渠道和手段，增加产品的曝光度和用户的关注度。',
					// 	url: 'http://192.168.3.90:8080/#/',
					// },
					// {
					// 	type: 1,
					// 	image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/6.png',
					// 	titles: '法律顾问',
					// 	content: '一键生成各种类型的精美诗词',
					// 	url: 'https://www.peiyine.com/aixzzj/appletblue/#/pages/lovePoems/lovePoems'
					// },

					{
						type: 2,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/7.png',
						titles: '旅游出行',
						title: '假期旅游要注意什么？',
						content: '假期可以去以下地方',
						contents: '您好，五一旅游要注意以下问题：1. 选择正规商家：在网上购买旅游产品时要选择正规商家，不要轻信低价产品，确认产品是否包含行程中所涉及的交通、住宿、餐饮等费用。2. 遵守约定：在出游过程中要遵守商家的约定，按照合同办事，不要私自改变行程，避免引起纠纷。3. 注意安全：在旅游过程中要注意自身安全，遵守交通规则，避免发生意外。4. 注意环保：在旅游过程中要保护环境，不乱丢垃圾，不破坏自然资源，尊重当地的风俗习惯。5. 备好常用药物：在外出旅行时，要备好一些常用药物',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/8.png',
						titles: '美食探店',
						title: '北京必去的小吃？',
						content: '提供游玩儿地区，为您介绍特色小吃地点和价格',
						contents: '1. 炸酱面：北京的传统面食，用黄豆酱炒制的酱料拌上面条，口感鲜美。2. 北京烤鸭：著名的北京特色烤鸭，金黄酥脆的外皮，鲜嫩可口的肉质。3. 北京豆汁：用黄豆磨制成的浓稠饮品，搭配馒头或焦圈食用。4. 羊蝎子：一种独特的羊肉火锅，以羊蝎子为主要食材，味道浓郁。5. 褡裢火烧：一种馅料丰富的北京特色小吃，外皮酥脆，内馅鲜美。6. 臭豆腐：独特的发酵食品，有浓郁的气味和口感。',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/9.png',
						titles: '语言翻译',
						title: '请将美好的一天翻译成英文',
						content: '输入任何一种语言,我将为你实时翻译',
						contents: '"美好的一天"在英语中可以翻译为 "Nice day"。',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/10.png',
						titles: '私人厨房',
						content: '我是您的美食大厨,为您提供精致的美食菜谱',
						title: '怎么做番茄炒蛋',
						contents: '步骤：1. 把鸡蛋打碎，放在碗里，加少许盐，搅拌均匀。2. 把西红柿洗干净，切成块。3. 把油锅烧热，倒入鸡蛋液，炒熟后盛出。4. 把油锅烧热，放入西红柿块，翻炒几下，加少许水。5. 把炒好的鸡蛋倒入锅中，加入盐、糖、味精、胡椒粉等调料，煮沸后盛出。以上就是番茄炒蛋的做法，希望对您有所帮助。',
						url: 'http://192.168.3.90:8080/#/',
					},

					// {
					// 	type: 1,
					// 	image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/11.png',
					// 	titles: 'AI编程',
					// 	content: '为你的梦境进行详细分解，帮你排忧解难',
					// 	url: 'https://www.peiyine.com/aixzzj/appletblue/#/pages/dream/dream'
					// },
					// {
					// 	type: 1,
					// 	image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/12.png',
					// 	titles: '英文发音帮手',
					// 	content: '为你生成各个场景下的总结',
					// 	url: 'https://www.peiyine.com/aixzzj/appletblue/#/pages/summarize/summarize'
					// },
					{
						type: 2,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/13.png',
						titles: '讲故事',
						title: '我想让你扮演讲故事的角色。你将讲出富有想象力和吸引观众的有趣故事。它可以是童话故事、教育故事或其它类型的故事。尽可能吸引人们的注意力。根据不同读者，你可以为讲故事环节选择特定的主题，例如，如果是儿童，则可以谈论动物，动画；如果是成年人，则基于历史故事等等。我的第一个要求是"我需要一个关于勇敢的有趣故事"',
						content: '我是您的故事家,可以为您讲各种类型的故事',
						contents: '故事名称：勇敢的小鸟从前，在一个遥远的森林里，住着一只勇敢的小鸟，名叫尼克。尼克有一个梦想，那就是飞越蔚蓝的天空，探索未知的世界。有一天，尼克决定开始它的奋斗之旅。它知道，要实现梦想，它必须勇敢地面对困难和挑战。于是，尼克开始了它的旅程。第一个挑战是穿越茂密的森林。森林里有许多凶猛的猫头鹰和凶狠的野兽，它们威胁着尼克的生命。但是尼克毫不畏惧，它勇敢地飞越森林，最终找到了通往梦想的道路。第二个挑战是面对暴风雨。暴风雨中电闪雷鸣，大雨倾盆而下。尼克从未见过如此恶劣的天气，但它没有退缩，而是坚定地飞向高空，最终战胜了暴风雨。第三个挑战是跨越宽阔的河流。河流湍急，深不见底。尼克没有犹豫，它勇敢地飞越河流，最终安全地抵达了对岸。',
						url: 'http://192.168.3.90:8080/#/',
					},

					{
						type: 2,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/14.png',
						titles: '歌词作词助手',
						title: '我想让你扮演歌曲作词助手。我会提供一个首歌曲的简介或者歌名，并指定曲风，你会为它创作歌词。我的第一个需求"歌曲名《美好时光》风格留下音乐，作一首歌的歌词"',
						content: '我是您的的作词助手,为您制作音乐歌词',
						contents: '在美丽的星空下我们许下了约定 未来要一起走下去 这是属于我们的美好时光 你带着微笑的脸庞 让我心跳不已 这份爱永远不会变 这是属于我们的美好时光 在这美好的时光里 我们紧紧相拥 无论风雨如何改变 这份爱永远不变 在美好的时光里 我们分享了欢笑和泪水 我们永远珍惜这段美好时光 你带着微笑的脸庞 让我心跳不已 这份爱永远不会变 这是属于我们的美好时光',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/15.png',
						titles: '担任辩护手',
						title: '我想让你扮演辩手。我会为你提供一些与时事相关的话题，你的任务是研究辩论的双方，为每一方提出有效的论据，驳斥对立的观点，并根据证据得出有说服力的结论。我的第一个需求是"社交媒体对青少年的影响是正面还是负面的？"',
						contents: '社交媒体对青少年的影响是复杂而多面的，既有正面的一面，也有负面的一面。社交媒体可以帮助青少年建立社交网络、获取信息和知识、提高自我表达能力，这些都是社交媒体的积极影响。然而，社交媒体也存在一些负面影响，如过度使用导致的时间管理问题、虚假信息的传播、以及可能出现的心理健康问题。因此，正确引导和管理青少年使用社交媒体是关键，家长和教育机构应该教导他们如何理性使用社交媒体，并提高他们的批判性思维能力，以避免社交媒体的负面影响。',
						content: '您好,我将扮演辩手，为您提供有用的辩护内容',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 2,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/17.png',
						titles: '担任编剧',
						title: '我想让你担任编剧。你将为长篇电影或能够吸引观众的网络连续剧开发富有创意的剧本。包括但不限于：有趣的角色、故事背景、角色之间的互动对话等。我的第一个需求是"我需要写一部关于亲情的剧情电影"',
						contents: '《妈妈的神奇小子》故事背景：本片以一个普通城市社区为背景，讲述了一位残疾小男孩如何通过妈妈的支持和鼓励，克服重重困难，最终成为社区的骄傲的故事。角色介绍：1. 小志：本片的主角，一个有先天性残疾的小男孩，但他乐观、坚韧，对生活充满热爱。2. 小志的妈妈：一位勇敢、坚强、无私的女性，她以小志为傲，为了支持小志而努力工作，通过各种方式鼓励和帮助小志。3. 小志的邻居：一群社区中的善良人们，他们是小志成长过程中的重要支持者和鼓励者。故事梗概：小志因为天生残疾，身体协调性差，常常受到其他孩子的嘲笑和欺负。但他乐观向上，坚持锻炼，勇敢面对生活的挑战。一次偶然的机会，小志被选中参加市残疾人运动会。为了完成这个挑战，小志的妈妈决定带他去参加各种康复训练。在训练过程中，小志遇到了很多困难，但他的妈妈始终坚定地支持他，鼓励他不断尝试、不断进步。在邻居们的帮助下，小志逐渐克服了身体上的障碍，他的自信心和勇气也得到了提升。最终，他成功地参加了市残疾人运动会，并获得了金牌。这个经历让小志更加坚定了人生的方向，也让他更加感激妈妈的支持和爱。剧本亮点：1. 突出亲情的力量：本片通过小志和妈妈的情感纽带，展现了亲情的力量和重要性。1. 展现残疾人的生活：本片以小志的视角展现了残疾人的生活和情感世界，让观众更深入地了解这个群体。2. 强调社区的力量：本片通过小志的邻居们对小志的支持和鼓励，强调了社区的力量和温暖',
						content: '生成一条多角度描述产品特色的文案',
						url: 'http://192.168.3.90:8080/#/',

					},
					{
						type: 2,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/18.png',
						titles: '职业顾问',
						title: '我想让你担任职业顾问。我将为你提供一个在职业生涯中寻求指导的人，你的任务是帮助他们根据自己的技能、兴趣和经验等条件确定最适合的职业。我的第一个需求是"我想建议那些想在软件工程领域从事的人""',
						contents: '非常感谢您对我的信任，我将竭尽所能为您提供满意的职业指导。根据您的需求，以下是我为那些从事软件行业的人提供的相关建议：1.了解行业趋势：软件行业是一个快速发展的行业，了解当前的就业市场趋势和新技术的发展方向可以帮助您更好地规划自己的职业发展。您可以关注行业内的专业媒体、会议和报告，以获取最新的趋势和信息。2.持续学习和发展：软件行业是一个技术密集型的行业，不断学习和发展自己的技能非常重要。您可以参加在线课程、读书、参加技术会议和研讨会等，以保持对新技术和方法的了解和掌握。3.建立专业网络：在软件行业中，建立专业网络非常重要。您可以参加行业内的活动、加入专业社群、与其他从业者交流和合作，以获取更多的机会和资源。此外，建立自己的职业人脉网络也可以帮助您在求职时获得推荐和机会。4.关注个人职业规划：在软件行业中，个人的职业规划非常重要。您可以考虑自己的长期目标和个人兴趣，以制定适合自己的职业发展计划。您可以了解不同的职业方向和角色，并选择适合自己的职业道路。',
						content: '我是您的职业顾问,针对相应职业进行解惑',
						url: 'http://192.168.3.90:8080/#/',

					},
					// {
					// 	type: 2,
					// 	image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/18.png',
					// 	titles: '心理医生',
					// 	content: '我是您的心理医生,将为您解惑心理问题',
					// 	url: 'http://192.168.3.90:8080/#/',
					// },
					{
						type: 2,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/19.png',
						titles: '心理医生',
						title: '我想让你扮演心理医生,我的需求是"帮我控制抑郁症"',
						contents: '作为虚拟助手，我可以尝试给予一些建议，但并不能代替专业的心理医生。如果您正面临抑郁症或任何其他心理健康问题，建议您尽快寻求专业的医疗帮助。然而，我可以提供一些建议来帮助您应对抑郁症的症状。以下是一些可能有助于缓解抑郁症症状的策略：1. 寻求社交支持：与亲朋好友分享您的感受和体验，他们的理解和支持可以减轻抑郁感。2. 良好的自我照顾：关注自己的身体健康，保持规律的睡眠、均衡的饮食和适度的运动。3. 制订日常目标：为自己设定小目标，完成这些目标可以提升自尊心和感受到成就感。4. 寻找愉快的活动：参与您感兴趣的活动，例如阅读、绘画、运动或与朋友一起玩乐。这些活动可以分散注意力，促进积极情绪。5. 形成积极的思考模式：训练自己关注积极的事物和想法，避免过度沉溺于消极情绪和负面思维。6. 规律的冥想和深呼吸：通过冥想和深呼吸来放松身心，减轻焦虑和压力。请注意，这些建议并非全面治疗抑郁症的解决方案，而是可以作为辅助性的自我管理策略。当面对抑郁症或其他心理健康问题时，寻求专业的帮助是最为重要和有效的方式。',
						content: '为你提供文章主题的新灵感 并为其创建推文提纲',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/20.png',
						titles: '会计师',
						title: '我想让你担任会计师，并想出创造性可实施的方法来管理财务。在为客户制定财务计划时，你需要考虑预算、投资策略和风险管理等。我的第一个需求是"为小型企业制定一个专注于成本节约和长期投资的财务计划',
						contents: '好的，作为会计师，我将为小型企业制定一个专注于成本节约和长期投资的财务计划。以下是我建议的方法：1. 分析成本结构：首先，我会对企业的成本结构进行分析，确定哪些方面可以进行节约。这可能包括减少不必要的开支、寻找供应商的优惠和谈判更好的合同条件等。2. 制定预算：根据企业的经营需求和目标，我会帮助制定一个合理的预算计划。这将包括估计每个部门的开支和收入，为每个阶段设定预算目标，并跟踪实际开支与预算的差异。3. 寻找投资机会：我会与企业主合作，找到适合企业的长期投资机会。这可能包括购买固定资产、进行市场营销和品牌推广、参与新产品开发等。我会帮助评估这些投资的回报率和风险水平，以帮助客户做出明智的决策。4. 风险管理：作为会计师，我会帮助客户识别和管理财务风险。这可以通过建立紧密的财务监控和控制机制来实现，例如建立适当的审计制度、实施内部审计程序等。5. 税务建议：在制定财务计划时，我会考虑税务方面的问题，并提供有关税收法律的建议。这可以包括合法的税务筹划，帮助客户合法地减少税负并实现利润最大化。我相信通过以上方法，我们可以帮助小型企业实现成本节约和长期投资的目标。如果您对以上建议有任何疑问或需要进一步的讨论，请随时与我联系。',
						content: '我是一名会计，为您解惑财务会计问题',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 3,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/21.png',
						titles: '投资顾问',
						title: '我想让你担任投资顾问。具有金融市场专业知识和丰富的经验，结合通货膨胀率或回报预估等因素以及长期跟踪股票价格，最终帮助客户了解行业，然后建议最安全的选择，根据客户的要求分配资金和兴趣。我的第一个需求是"目前短期投资最佳方式是什么？',
						content: '生成让人想下单的产品介绍文案',
						contents: ' 作为投资顾问，我可以提供以下建议：对于短期投资，最佳方式可能因市场条件而异。根据您提到的通货膨胀率和回报预估等因素，我建议您考虑以下几种方式：1. 股票投资：通过仔细研究和跟踪股票市场，选择具有良好增长潜力和适度风险的股票，以期在短期内获得较高回报。2. 债券投资：选择优质债券或债券基金，以确保本金的相对安全和稳定的回报。债券通常是一种较低风险的投资选择。3. 外汇交易：根据对汇市的研究和分析，通过购买和出售外汇来赚取汇率变动的利润。这种投资方式风险较高，但回报也可能更高。4. 商品期货：对于有风险承受能力的投资者，商品期货交易可能是一种短期投资的选择。这种投资方式需要对特定商品市场有深入了解，并关注全球宏观经济因素。在选择投资方式时，我会参考市场趋势、风险偏好和投资目标，以帮助您做出最安全和合理的选择。请注意，这只是一些建议，具体的投资决策还应考虑您的个人情况和风险承受能力。建议您与专业金融机构或投资顾问进一步讨论，以获得更加详细和个性化的投资建议。',
						url: 'http://192.168.3.90:8080/#/',
					},
					{
						type: 3,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/22.png',
						titles: '室内装修师',
						title: '我想让你担任室内装修师。根据客户的喜好，提供房间使用什么样的主题和设计方法：卧室、大厅等，就配色方案、家具摆放以及其它最适合上述主题设计方法的装饰选项提供建议，以增强空间内的美感和舒适度。我的第一个需求是"我正在设计我们的卧室"',
						contents: '非常感谢您让我担任您的室内装修师，我将尽力为您提供卧室设计的建议。根据您的需求，以下是我为您提供的关于卧室设计的建议：主题：卧室是一个私密而舒适的空间，可以选择一个能够带来放松和安祥感觉的主题。例如，您可以选择现代简约、自然风格、复古怀旧或者宜家风格等等。根据您的品味和偏好，选择一个主题能够帮助您创建一个和谐的空间。配色方案：在选择配色方案时，可以考虑柔和而舒适的颜色，如淡蓝色、浅粉色、米色、大地色或者灰色。这些颜色能够营造一个轻松、温暖和宁静的氛围。您可以在墙壁、床上用品、窗帘和装饰品中使用这些颜色，以增添空间的美感和舒适度。家具摆放：在卧室中，床是最重要的家具。根据房间的形状和大小，选择适合的床尺寸和类型。将床放置在最佳位置，确保通风和方便。根据空间的大小，可以添加床头柜、梳妆台、衣柜和书桌等家具。合理的家具摆放可以为卧室提供更好的功能性和布局。装饰选项：卧室的装饰可以根据您的主题和个人喜好选择。您可以在墙上挂一些艺术品或者照片，以营造个人风格。利用柔和的灯光和窗帘营造舒适的氛围。您还可以添加一些柔软的地毯、舒适的座椅和植物，增加舒适感和自然感。这些是一些基本的设计建议，可以帮助您提升卧室的美感和舒适度。但是请记住，每个人的需求和品味是不同的，最好根据您个人的喜好和需求进行定制化设计。如果您有更具体的需求或者问题，我将非常乐意为您提供帮助。',
						content: '一键生成带货标题，省时省力',
						url: 'http://192.168.3.90:8080/#/',
					},

					{
						type: 1,
						image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/23.png',
						title: ' 我想让你扮演美食评论家。我会告诉你一家餐馆，你需要提供对食物和服务的评论。你只需要回复你的评论，而不是其它任何内容。不要写解释。我的第一个需求是"我昨晚去了一家新的法式餐厅。你能提供评论吗？"',
						titles: '美食评论家？',
						contents: '食物非常美味，特别是他们的法式奶油蘑菇汤和红酒烩牛肉。服务也很出色，工作人员非常友好和专业。整体而言，这家法式餐厅是一次令人愉快的用餐体验。',
						content: '我是一名美食评论家,为您提供一些建议',
						url: 'http://192.168.3.90:8080/#/',
					},

					// {
					// 	type: 2,
					// 	image: 'https://iflytts.oss-cn-qingdao.aliyuncs.com/wxapp/aixz/24.png',
					// 	titles: '个人造型师',
					// 	content: '根据输入的关键词生成引人入胜的文章标题',
					// 	url: 'http://192.168.3.90:8080/#/',
					// },
				],
			}
		},
		computed: {
			filteredList() {
				if (this.aList.length === 0) {
					return []
				} else {
					const reg = new RegExp(this.searchValue, 'i')
					return this.aList.filter(item => {
						return item.title.match(reg) || item.content.match(reg)
					})
				}
			}
		},

		onLoad() {
			if (uni.getStorageSync('ban')) {
				this.statementShows = true;
			} else {
				this.statementShows = false;
			}
			let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
			this.top = menuButtonInfo.top - 22
			let tops = this.top / 2
			this.searchBarTop = menuButtonInfo.top;
			this.searchBarHeight = menuButtonInfo.height;
			let that = this
			this.contextList.forEach(item => {
				switch (item.type) {
					case 1:
						that.tabList[1].list.push(item);
						break
					case 2:
						that.tabList[2].list.push(item);
						break
					case 3:
						that.tabList[3].list.push(item);
						break
					case 4:
						that.tabList[4].list.push(item);
						break
					case 5:
						that.tabList[5].list.push(item);
						break
					case 6:
						that.tabList[6].list.push(item);
						break
					case 7:
						that.tabList[7].list.push(item);
						break
					case 8:
						that.tabList[8].list.push(item);
						break
					case 9:
						that.tabList[9].list.push(item);
						break
					case 10:
						that.tabList[10].list.push(item);
						break
				}
			})
			this.tabList[0].list = this.contextList
			//   console.log("🚀 ~ file: create.vue:193 ~ onLoad ~ this.contextList:", this.contextList)
		},
		onShow() {
			console.log(uni.getStorageSync('ban'), '======================')
			if (uni.getStorageSync('ban')) {
				this.statementShows = true;
			} else {
				this.statementShows = false;
			}
			// 获取次数
			// this.getFrequency();
		},
		methods: {
			navback(){
				uni.navigateBack()
			},
			// 获取次数
			// getFrequency() {
			// 	apiMixUrlApi({}, 1042, 'GetPaymentInfo').then(data => {
			// 		if (data.descinfo == "success") {
			// 			uni.setStorageSync('frequency', data.coins)
			// 		}
			// 	});
			// },
			//点击跳转客服
			close() {
				uni.navigateTo({
					url: '/pages/service/service'
				})
			},
			//切换tab
			changeTab(item, index) {
				this.isSearching = false // 标记当前是否处于搜索状态
				console.log("🚀 ~ file: create.vue:197 ~ changeTab ~ item:", item, index)
				this.selectIndex = index
				let number = (index - 1) < 0 ? 0 : (index - 1)
				this.scrollTabId = 'tabId' + number
			},
			//切换swiper
			changeSwiper(e) {
				console.log("🚀 ~ file: create.vue:204 ~ changeSwiper ~ e:", e)
				this.selectIndex = e.detail.current
				let number = (e.detail.current - 1) < 0 ? 0 : (e.detail.current - 1)
				this.scrollTabId = 'tabId' + number
			},
			//跳转页面
			goPage(item) {
				console.log('item', item)
				console.log('item.url', item.url)
				// const id = 3
				if (item.url) {
					console.log('item.url', item.url)
					let http = 'https://www.peiyine.com/aixzzj/aibot/index.html#/'
					uni.navigateTo({
						url: '/pages/webview/srzl?url=' + http + '&content=' + item.contents + '&title=' +
							item.title + '&titles=' + item.titles
					});
					// uni.navigateTo({
					// 	url: '/pages/webview/srzl?content=' + item.contents + '&title=' +
					// 		item.title + '&titles=' + item.titles
					// });
				} else {
					uni.showToast({
						title: '暂未开放',
						icon: 'none',
						duration: 2000
					});
				}
			},

			searchClick(value) {
				if (!value) { // 简化了值为空字符串和值为 null 和 undefined 的情况
					console.log('123')
					this.isSearching = false // 标记当前是否处于搜索状态
					// 如果输入的值为空则加载所有的列表
					// this.getList();
				} else {
					console.log('456')
					// 先清空展示的数据
					this.aList = []
					// 然后开始循环全部数据
					for (var i = 0; i < this.contextList.length; i++) {
						const item = this.contextList[i] // 将当前子项存储至一个变量中，避免频繁访问 this.contextList[i]
						// 判断数据里面是否有符合输入的内容
						//（核心所在，其它都是根据需求来自己写）
						if (item.title && item.title.indexOf(value) >= 0) { // 先判断该属性值是否存在再进行搜索
							this.aList.push(item)
							console.log('this.aList', this.aList)
						}
					}

					this.isSearching = true // 标记当前处于搜索状态
					this.filteredList1 = [...this.aList] // 将匹配值直接赋给 filteredList 数组，用于渲染
				}
				// 因为 aList 变量改变了，所以此处需要手动触发一次  的更新
				this.$forceUpdate() // 强制当前实例重新渲染，包括组件和子组件
			},



			toggleShowSearchResult() {
				this.showSearchResult = !this.showSearchResult
			},
			autoSearch: function() {
				this.searchClick(this.keyword)
			},

		}
	}
</script>
<style lang="less">
	.page {
		background: white;
	}

	.statementbox {
		width: 620rpx;
		// height: 572rpx;

		.statement {
			display: flex;
			justify-content: center;
			margin-top: 50rpx;

			image {
				width: 114rpx;
				height: 114rpx;
			}
		}

		.statemens {
			display: flex;
			justify-content: center;
			margin-top: 50rpx;

			image {
				width: 220rpx;
				height: 66rpx;
			}
		}

		.statementtext {
			// margin-left: 300rpx;
			font-size: 26rpx;
			margin-top: 60rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			margin: 0 115rpx;
			margin-top: 58rpx;
			margin-bottom: 48rpx;
		}

		.surebtnstyle {
			display: flex;
			justify-content: center;

			.surebtn {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				width: 440rpx;
				height: 117rpx;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("https://mysmallapp.oss-cn-shanghai.aliyuncs.com/aixz/img/xzybg.png");
			}
		}
	}

	.page {
		width: 100%;
		height: 100vh;
		background-color: white;
	}

	.tab {
		width: 100%;
		height: 100rpx;
		background-color: #fff;
		position: fixed;
		left: 0;
		z-index: 99;
		width: 100%;

		.scroll-X {
			width: 100%;
			height: 100%;
			white-space: nowrap;

			.tab-item {
				height: 100%;
				padding: 0rpx 40rpx;
				color: #8B8B8B;
				display: inline-block;
				line-height: 100rpx;
				position: relative;
				font-size: 30rpx;

				.tab-item-line {
					width: 30rpx;
					height: 6rpx;
					position: absolute;
					bottom: 14rpx;
					left: 50%;
					transform: translateX(-50%);
					background-color: #4BB591;
				}
			}

			.tab-item-select {
				color: #333333;
			}
		}


	}

	.context {
		width: 100%;
		height: calc(100vh);
		// background-color: #F7F7F7;
		box-sizing: border-box;

		.swiper {
			width: 100%;
			height: 100%;

			.scroll-Y-chunk {
				width: 100%;
				height: 100%;

				.context-box-item {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					align-content: flex-start;
					box-sizing: border-box;
					padding: 30rpx 30rpx 10rpx;
					margin-top: 80rpx;

					.context-box-item-chunk {
						width: 94%;
						height: 320rpx;
						background-color: #F7F7F7;
						margin-bottom: 30rpx;
						box-sizing: border-box;
						box-shadow: 1px 1px 8px 2px #e4ecf1;
						border-radius: 20rpx;
						margin-left: 23rpx;
						position: relative;
						top:40px

						.context-box-item-chunk-image {
							width: 100%;
							display: flex;
							align-items: center;
							margin-top: 30rpx;

							.context-box-item-chunk-image-shadow {
								width: 100%;
								height: 100%;
								background-color: #f3efef;
							}
						}

						.context-box-item-chunk-title {
							margin-top: 10rpx;
							width: 100%;
							color: #333333;
							font-size: 28rpx;
							margin-left: 30rpx;
							font-family: PingFang SC;
							font-weight: bold;
						}

						.context-box-item-chunk-footer {
							width: 116rpx;
							height: 47rpx;
							background: #588BF7;
							border-radius: 24rpx;
							position: absolute;
							right: 40rpx;
							bottom: 32rpx;
							align-items: center;
							display: flex;
							justify-content: center;
							color: white;
							.cen-s{
								font-size: 26rpx;
							}
						}

						.context-box-item-chunk-text {
							width: 100%;
							font-size: 22rpx;
							margin-top: 6rpx;
							margin-left: 30rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #666666;
						}
					}
				}
			}
		}
	}

	.search {
		// width: 100%; 
		height: 200rpx;
		background-color: #fff;
		margin-top: 82rpx;
		padding-left: 20rpx;
		display: flex;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;

		// border: 2px solid red;
		.searchs {
			height: 44rpx;
			width: 108rpx;
			border: 1rpx solid #929292;
			border-radius: 25.8rpx;
			text-align: center;
			position: absolute;
			top: 11.3rpx;
			right: 250rpx;
			color: #333333;
		}
	}

	.search_bto {
		width: 100rpx;
		height: 60rpx;
		background-color: #00df66;
		margin: 0 40rpx 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 15rpx;
	}

	.search_text {
		color: #fff;
		line-height: 80rpx;
	}

	/deep/::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	.topsearch {
		width: 480rpx;
	}

	.searchbtn {
		width: 99rpx;
		margin-right: 200rpx;
		height: 47rpx;
		background: #FFFFFF;
		border: 1px solid #333333;
		border-radius: 39rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 27rpx;
	}
</style>